<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>加载中...</title>
    <script src="/js/jquery-3.2.1.min.js"></script>
    <script src="/js/xcConfirm.js"></script>
    <script src="/js/popwin.js"></script>
    <script src="/js/imgmove.js"></script>
    <script src="/js/js.js"></script>
    <LINK href="/css/css.css" type=text/css rel=stylesheet>
    <style>
        .tbi label{ font-weight:bold; margin-left:5px; color:#555}
        .lbl{ margin:0 5px 0 16px;}
    </style>
</head>
<body style="margin:0">
<div class="mv" style=" margin:10px 0 0 0;padding:0px">
    <!--标题-->
    <div class="mt" style="top:0;height:100px">
        <div class="mt0">商品商品编辑</div>
        <div class="mt1" style="padding-bottom:10px;">
            <table class="tbi">
                <tr>
                    <td width="80">ID<label>4532999</label></td>
                    <td width="90">状态<label>编辑完成</label></td>
                    <td width="170">入库时间<label>2018-08-22 12:03</label></td>
                    <td width="150">来源<label>ChinaBrads</label></td>
                    <td>原链<label><a href="https://detail.1688.com/offer/535880049959.html?spm=a262gg.8864560.jifoyla0.6.4b156510XPcQfF" target="_blank">https://detail.1688.com/offer/535880049959.html?spm=a262gg.8864560.jifoyla0.6.4b156510XPcQfF</a></label></td>
                </tr>
            </table>
        </div>
    </div>
    <!--//标题-->
    <div id="content" style="padding-bottom:20px;">
        <!--Tab-->
        <div id="tabtit" style="margin-top:120px;">
            <div class="tab1" id="tab0" onClick="clkTab(0)">相册</div>
            <div class="tab0" id="tab1" onClick="clkTab(1)">属性</div>
            <div class="tab0" id="tab2" onClick="clkTab(2)">文描</div>
        </div>
        <!--//Tab-->
        <!--相册-->
        <style>
            #imgUl {width:90%; height:600px; margin:0px 0 0 30px; }
            #imgUl li {width:200px; height:200px; float:left; list-style:none; margin:10px;}
            #imgUl li img{width:200px; height:200px}
            #imgUl li:hover{ border-color: #9a9fa4; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.85);}
            #imgUl .active{ border:1px dashed red;}
            #imgUl .imgtool{ width:20px; height:20px; float:right; z-index:999; position:relative; top:-200px; margin-right:3px; cursor:pointer; visibility:hidden}
            #imgUl .imgtool img{width:20px; height:20px; background:#FFF}
        </style>
        <div id="contv0" style="display:; background:#FFF; padding-top:40px">
            <ul id="imgUl">

            </ul>
            <div style="width:80%; height:50px; padding:30px 0 0 40px; clear:both">
                <button class="btn0" style="width:100px" onClick="imgSave()">暂时保存</button>
                <button class="btn0" style="width:140px">保存并编辑完成</button>
                <button class="btn0" style="width:140px" onClick="updateColor()">图片去色设置</button>
            </div>
            <div style="width:100%; clear:both"></div>

        </div>

        <script>

            window.onload = function() {
                var oUl= document.getElementById("imgUl");
                var aLi = oUl.getElementsByTagName("li");
                var disX = 0;
                var disY = 0;
                var minZindex = 1;
                var aPos =[];
                for(var i=0;i<aLi.length;i++){
                    var t = aLi[i].offsetTop;
                    var l = aLi[i].offsetLeft;
                    aLi[i].style.top = t+"px";
                    aLi[i].style.left = l+"px";
                    aPos[i] = {left:l,top:t};
                    aLi[i].index = i;
                }

                for(var i=0;i<aLi.length;i++){
                    aLi[i].style.position = "absolute";
                    aLi[i].style.margin = 0;
                    setDrag(aLi[i]);
                }
                //拖拽
                function setDrag(obj){
                    obj.onmouseover = function(){
                        obj.style.cursor = "move";
                        obj.getElementsByTagName("div")[0].style.visibility="visible";
                    }
                    obj.onmouseout=function()
                    {
                        obj.getElementsByTagName("div")[0].style.visibility="hidden";
                    };
                    obj.onmousedown = function(event){
                        var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
                        var scrollLeft = document.documentElement.scrollLeft||document.body.scrollLeft;
                        obj.style.zIndex = minZindex++;
                        dragImg0=obj.getAttribute("data-id");
                        //当鼠标按下时计算鼠标与拖拽对象的距离
                        disX = event.clientX +scrollLeft-obj.offsetLeft;
                        disY = event.clientY +scrollTop-obj.offsetTop;
                        document.onmousemove=function(event){
                            //当鼠标拖动时计算div的位置
                            var l = event.clientX -disX +scrollLeft;
                            var t = event.clientY -disY + scrollTop;
                            obj.style.left = l + "px";
                            obj.style.top = t + "px";
                            /*for(var i=0;i<aLi.length;i++){
                                aLi[i].className = "";
                                if(obj==aLi[i])continue;//如果是自己则跳过自己不加红色虚线
                                if(colTest(obj,aLi[i])){
                                    aLi[i].className = "active";
                                }
                            }*/
                            for(var i=0;i<aLi.length;i++){
                                aLi[i].className = "";
                            }
                            var oNear = findMin(obj);
                            if(oNear){
                                oNear.className = "active";
                            }
                        }
                        document.onmouseup = function(){
                            document.onmousemove = null;//当鼠标弹起时移出移动事件
                            document.onmouseup = null;	//移出up事件，清空内存
                            //检测是否普碰上，在交换位置
                            var oNear = findMin(obj);
                            if(oNear){
                                dragImg1=oNear.getAttribute("data-id");

                                oNear.className = "";
                                oNear.style.zIndex = minZindex++;
                                obj.style.zIndex = minZindex++;
                                startMove(oNear,aPos[obj.index]);
                                startMove(obj,aPos[oNear.index]);
                                //交换index
                                oNear.index += obj.index;
                                obj.index = oNear.index - obj.index;
                                oNear.index = oNear.index - obj.index;
                            }else{

                                startMove(obj,aPos[obj.index]);
                            }
                        }
                        clearInterval(obj.timer);
                        return false;//低版本出现禁止符号
                    }
                }
                //碰撞检测
                function colTest(obj1,obj2){
                    var t1 = obj1.offsetTop;
                    var r1 = obj1.offsetWidth+obj1.offsetLeft;
                    var b1 = obj1.offsetHeight+obj1.offsetTop;
                    var l1 = obj1.offsetLeft;

                    var t2 = obj2.offsetTop;
                    var r2 = obj2.offsetWidth+obj2.offsetLeft;
                    var b2 = obj2.offsetHeight+obj2.offsetTop;
                    var l2 = obj2.offsetLeft;

                    if(t1>b2||r1<l2||b1<t2||l1>r2){
                        return false;
                    }else{
                        return true;
                    }
                }
                //勾股定理求距离
                function getDis(obj1,obj2){
                    var a = obj1.offsetLeft-obj2.offsetLeft;
                    var b = obj1.offsetTop-obj2.offsetTop;
                    return Math.sqrt(Math.pow(a,2)+Math.pow(b,2));
                }
                //找到距离最近的
                function findMin(obj){
                    var minDis = 999999999;
                    var minIndex = -1;
                    for(var i=0;i<aLi.length;i++){
                        if(obj==aLi[i])continue;
                        if(colTest(obj,aLi[i])){
                            var dis = getDis(obj,aLi[i]);
                            if(dis<minDis){
                                minDis = dis;
                                minIndex = i;
                            }
                        }
                    }
                    if(minIndex==-1){
                        return null;
                    }else{
                        return aLi[minIndex];
                    }
                }

            }
        </script>
        <!--//相册-->
        <!--属性-->
        <div id="contv1" style=" display:none">
            <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                <tbody>
                <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                <tr>
                    <td class="tdn ntd" style="width:75px">商品类别</td>
                    <td>
                        <select class="sel" style="width:505px"><option value="0">选择</option></select>
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">品牌名称</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">原产地区</label>
                        <input type="text" style="width:270px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">厂商编号</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">厂商名称</label>
                        <input type="text" style="width:270px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">商品目录</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">采购单价</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">物流费用</label>
                        <input type="text" style="width:270px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">海关编码</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">—中文—</label>
                        <input type="text" style="width:270px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">申报单价</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">—英文—</label>
                        <input type="text" style="width:270px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">适用人群</td>
                    <td><input type="text" style="width:268px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">产品材料</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">包装材料</label>
                        <input type="text" style="width:270px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">包装尺寸</td>
                    <td><input type="text" placeholder="长" style="width:35px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <input type="text" placeholder="宽" style="width:35px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <input type="text" placeholder="高" style="width:35px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" /> 厘米
                        <label class="lbl" style=" margin-left:18px">包装毛重</label>
                        <input type="text" style="width:100px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" /> 克
                        <label style="margin-left:30px"><input type="checkbox">有电池</label>
                    </td>
                    </td>
                </tr>
                <tr>
                    <td class="tdn ntd">库存数量</td>
                    <td><input type="text" style="width:150px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" />
                        <label class="lbl">产品数/包</label>
                        <input type="text" style="width:265px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';" /></td>
                    </td>
                </tr>
                <tr><td>&nbsp;</td><td>
                    <button class="btn0" style="width:100px">暂时保存</button>
                    <button class="btn0" style="width:140px">保存并编辑完成</button>
                </td>
                </tr>
                <tr><td height="30" colspan="2">&nbsp;</td></tr>
                </tbody>
            </table>
            <div style="width:100%; height:50px; padding:30px 0 0 40px; clear:both">
                <button class="btn0" style="width:100px">暂时保存</button>
                <button class="btn0" style="width:140px">保存并编辑完成</button>
            </div>
        </div>
        <!--//属性-->
        <!--文描-->
        <div id="contv2" style="display:none; background:#FFF;padding-top:20px">
            <!--Tab-->
            <style>
                #contv2 textarea{ margin-bottom:10px}
                .mt10{width:40px; height:28px; line-height:28px; float:left; margin:0; color:#323437}
                .mt11{ border-top:0.5px solid #e1e3e4; border-bottom:0.5px solid #e1e3e4; width:50px; height:28px; text-align:center;float:left; line-height:28px; margin:0; color:#323437; border-color:#e1e3e4; cursor:pointer}
                .mt12{ border-top:0.5px solid #e1e3e4; border-bottom:0.5px solid #e1e3e4; width:50px; height:28px; text-align:center;float:left; line-height:28px; margin:0; color:#FFF; background:#4aa6fc; border-color:#4aa6fc}
            </style>
            <div id="tabtitlng" style="width:500px; padding-left:118px">
                <div class="mt12" id="tablng0" onClick="clkTabLng(0)" style=" border-left-style:solid; border-left-width:thin; border-top-left-radius:2px; border-bottom-left-radius:2px">中文</div>
                <div class="mt11" id="tablng1" onClick="clkTabLng(1)">英文</div>
                <div class="mt11" id="tablng2" onClick="clkTabLng(2)">法文</div>
                <div class="mt11" id="tablng3" onClick="clkTabLng(3)">德文</div>
                <div class="mt11" id="tablng4" onClick="clkTabLng(4)">意大利</div>
                <div class="mt11" id="tablng5" onClick="clkTabLng(5)">西班牙</div>
                <div class="mt11" id="tablng6" onClick="clkTabLng(6)" style="border-right-style:solid;border-right-width:thin; border-top-right-radius:2px; border-bottom-right-radius:2px;">日语</div>
            </div>
            <!--//Tab-->
            <!--中文-->
            <div id="contvlng0" style="display:">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//中文-->
            <!--英文-->
            <div id="contvlng1" style="display:none">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//英文-->
            <!--法文-->
            <div id="contvlng2" style="display:none">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//法文-->
            <!--德文-->
            <div id="contvlng3" style="display:none">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//德文-->
            <!--意大利-->
            <div id="contvlng4" style="display:none">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//意大利-->
            <!--西班牙-->
            <div id="contvlng5" style="display:none">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//西班牙-->
            <!--日语-->
            <div id="contvlng6" style="display:none">
                <table class="info infoedit" cellspacing="0" cellpadding="0" style="display:;">
                    <tbody>
                    <tr><td>&nbsp;</td><td>&nbsp;</td></tr>
                    <tr>
                        <td class="tdn ntd" style="width:75px">商品标题</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">关键词</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">要点说明</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr>
                        <td class="tdn ntd">产品描述</td>
                        <td><textarea style="width:600px; height:80px" class="txt0" onMouseOver="this.className='txt1';" onMouseOut="this.className='txt0';"></textarea></td>
                    </tr>
                    <tr><td>&nbsp;</td><td>
                        <button class="btn0" style="width:100px">暂时保存</button>
                        <button class="btn0" style="width:140px">保存并编辑完成</button>
                    </td>
                    </tr>
                    <tr><td height="30" colspan="2">&nbsp;</td></tr>
                    </tbody>
                </table>
            </div>
            <!--//日语-->

        </div>
        <div style="clear:both"></div>
        <!--//文描-->
    </div>
</div>
<script>
    //标签切换
    function clkTabLng(p)
    {
        for(var i=0;i<7;i++)
        {
            document.getElementById("tablng"+i).className="mt11";
            document.getElementById("contvlng"+i).style.display="none";
        }
        document.getElementById("tablng"+p).className="mt12";
        document.getElementById("contvlng"+p).style.display="block";
    }

    function clkTab(p)
    {
        var l=3
        for(var i=0;i<l;i++)
        {
            document.getElementById("tab"+i).className="tab0";
            document.getElementById("contv"+i).style.display="none";
        }
        document.getElementById("tab"+p).className="tab1";
        document.getElementById("contv"+p).style.display="block";
    }
    //标签切换//



    var dragImg0=0,dragImg1=0;
    var imgArr=new Array();
    imgArr=["/img/goods.jpg","/img/goods1.jpg","/img/goods2.jpg","/img/goods3.jpg","https://img14.360buyimg.com/n7/jfs/t17845/182/2547679057/554009/f1cc204f/5afe3cf1Ne2d2a77a.jpg!q70.jpg","https://m.360buyimg.com/babel/jfs/t21448/169/2438931796/88432/78e99875/5b57e6deNf45d18e3.jpg"];	//数据库取图片初始数组排序

    //图片显示
    function showImg()
    {
        var s="";
        for(var i=0;i<imgArr.length;i++)
        {
            s+="<li data-id='"+imgArr[i]+"'><img src='"+imgArr[i]+"'></li>";
        }
        $("#imgUl").html(s);

        //图片操作按钮 删除
        $("#imgUl li").append("<div class='imgtool'><img src='/img/close.png' class='imgdel' title='删除'></div>");
        $(".imgdel").click(function(){
            var li=$(this).parent().parent();
            var id=$(this).parent().parent().attr("data-id");
            goodsImgDel(id);
            li.remove();
            imgArr.splice(jQuery.inArray(id,imgArr),1);
        });

        $("#imgUl li").dblclick(function(){
            var url=$(this).attr("data-id");
            purchaseImgDetail(url)
        });

    }
    showImg();

    //图片删除
    function goodsImgDel(id)
    {
        //数据库实际删除图片
    }
    //图片删除//




    function imgSave()
    {
        var pos0=$.inArray(dragImg0,imgArr);
        var pos1=$.inArray(dragImg1,imgArr);

        imgArr[pos0] = dragImg1;
        imgArr[pos1] = dragImg0;

        alert("图片当前排序："+imgArr);
        showWarning(1500,"图片暂时保存成功",200,60);
        setTimeout("$('.tips').fadeOut(0);",1500)
    }

    function updateColor()
    {
        var aj = $.ajax({
            url:'http://ssl1.zuzhiweiyuan.com/Spider1688/ImgColorUpdate',
            type:'post',
            data:{
                Str:"http://www1.bnncar.com/img/goods1.jpg",
                Nick:"#c7987a"
            },
            dataType:'json',
            success:function(data) {
                alert(data)
            },
            error:function(StatusCode) {
                showErr(StatusCode,location.href)
            },
            complete: function(XMLHttpRequest, textStatus) {
            }
        });
    }
</script>
</body>
</html>